<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 标签</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<script>
$(document).ready(
	function() {
		console.log(1111);
		$("li").each(function(item){
			//		console.log($(this).text())
		});
		$("p").click(function(){
				console.log($(this).text())
			 alert($(this).text());
		});
		$("#low").click(function(){
			$("table tr:even").css("background-color", "#00FF00")
			var c1 = $(":checkbox");
			console.log($(":checkbox:checked"))
			console.log($(":checkbox:checked").length)
		});		
	}
);
</script>
<body>
<input type="button" id="low" value="even green"/>
<input type="checkbox" name="test" value="A" />
<input type="checkbox" name="test" value="B" />
<input type="checkbox" name="test" value="C" />
<input type="checkbox" name="test" value="D" />

<table>
<tr><td>jack</td><td>20</td></tr>
<tr><td>ace</td><td>20</td></tr>
<tr><td>james</td><td>20</td></tr>
<tr><td>caro</td><td>20</td></tr>
</table>
 <p class="list-group-item">免费域名注册</p>
    <p class="list-group-item">免费 Window 空间托管</p>
    <p class="list-group-item">图像的数量</p>
    <p class="list-group-item"><span class="badge">新</span>24*7 支持</p>
    <p class="list-group-item">每年更新成本</p>
<ol class="list-group">
    <li class="list-group-item">免费域名注册</li>
    <li class="list-group-item">免费 Window 空间托管</li>
    <li class="list-group-item">图像的数量</li>
    <li class="list-group-item"><span class="badge">新</span>24*7 支持</li>
    <li class="list-group-item">每年更新成本</li>
</ol>

<ul class="list-group">
    <li class="list-group-item">免费域名注册</li>
    <li class="list-group-item">免费 Window 空间托管</li>
    <li class="list-group-item">图像的数量</li>
    <li class="list-group-item">24*7 支持</li>
    <li class="list-group-item">每年更新成本</li>
</ul>

<ul class="lists-group">
    <li class="lists-group-item">免费域名注册</li>
    <li class="list-scriptgroup-item">免费 Window 空间托管</li>
    <li class="list-sgroup-item">图像的数量</li>
    <li class="lists-group-item">24*7 支持</li>
    <li class="lisst-group-item">每年更新成本</li>
</ul>

<a href="#" class="list-group-item active">
    免费域名注册
</a>
<a href="#" class="list-group-item">24*7 支持</a>
<a href="#" class="list-group-item">免费 Window 空间托管</a>
<a href="#" class="list-group-item">图像的数量</a>
<a href="#" class="list-group-item">每年更新成本</a>

<span class="glyphicon glyphicon-search"></span>
<span class="glyphicon glyphicon-align-cente"></span>
<h1>alex</h1>
</body>
</html>